/*字体适配*/
/*调用方法：@include font-dpr()*/
@mixin font-dpr($font-size){
      font-size: $font-size;
      [data-dpr="2"] & {
        font-size: $font-size * 2;
      }
      [data-dpr="3"] & {
        font-size: $font-size * 3;
      }
}

/*背景图片适配*/
/* 调用方法: @include img-dpr(); */
@mixin img-dpr($img){
    background-image: url($img + '@2x.png');//默认
      [data-dpr="2"] & {
        background-image: url($img + '@2x.png');//两倍高清
      }
      [data-dpr="3"] & {
        background-image: url($img+ '@3x.png');//三倍高清
      }
}

/* 下边框 */
/* 调用方法： @include  border-1px(#000); */
@mixin border-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid $color;
    content: ' ';
  }
}

//在文字前的小圆点
@mixin tip($color) {
  position: relative;
  &:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: $color;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
  }
}
